<!-- 教练 – 我的 – 所在团队 – 团队详情				Details -->
<template>
	<view class="">
		<!-- <view>
			<mSearch :show="false" @search="search($event,1)" :mode="2" radius="5"></mSearch>
		</view> -->
		<view class="w90" v-for="(item,index) in list" :key="index">
			<view class="w95 f b c">
				<view class="wd80 f  c">
					<view>
						<image style="width: 86rpx;height: 86rpx; border-radius: 200rpx;" :src="item.img" mode="">
						</image>
					</view>
					<view class=" ml15 ">
						<view>
							{{item.name}}
						</view>
						<view class="mt5">
							{{item.phone?item.phone:'无'}}
						</view>
					</view>

				</view>
				<view>
					<text class="" v-if="item.type == 1">老板</text>
					<text class="" v-if="item.type == 2">店长</text>
					<text class="" v-if="item.type == 3">教练</text>
					<text class="" v-if="item.type == 4">前台</text>
				</view>
			</view>
			<view class="quanxian"></view>
		</view>
	</view>
</template>

<script>
	import mSearch from '@/components/mehaotian-search/mehaotian-search.vue';
	export default {
		components: {
			mSearch
		},
		data() {
			return {
				placeholder: '请输入搜索内容',
				id: '',
				list: []
			}
		},
		onLoad(e) {
			this.id = e.id
			// 动态导航条文字
			uni.setNavigationBarTitle({
				title: '团队详情'
			})
			this.init()
		},
		methods: {
			init() {
				var json = {
					sid: this.id
				}
				this.$http.post(this.$config.UrlPostteamList, json).then((res) => {
					if (res.status == 1) {
						this.list = res.data
					}
				})
			},
			
		}
	}
</script>

<style scoped>
	.warps {
		height: 95vh;
		overflow: hidden;
		background-color: #fff;
	}

	.Details-zhu {
		width: 120rpx;
		height: 34rpx;
		line-height: 28rpx;
		opacity: 1;
		background: #ffffff;
		border: 2rpx solid #333333;
		border-radius: 20rpx;
	}
</style>
